$(() => {
    const usp = new URLSearchParams(location.search)
    // 获取id
    const id = usp.get('id')
    console.log(id);


    // 动态渲染下拉分类列表
    const getCategorylist = () => {
        myajax('GET', '/admin/category/list', {}, (res) => {
            // console.log(res);
            const htmlStr = template('moban', res)
            // 注意优先级问题   1.先渲染完成类别列表
            $('#category').html(htmlStr)
            // 2.获取下拉列表详情
            getArticleInfo()
        })
    }
    getCategorylist()


    // 根据id获取文章详情
    const getArticleInfo = () => {
        myajax('GET', '/admin/article/search', { id: id }, (res) => {
            console.log(res);
            if (res.code !== 200) { return layer.msg('不要乱搞'); }
            $('#inputTitle').val(res.data.title)
            $('.article_cover').prop('src', res.data.cover)
            $('#category').val(res.data.categoryId)
            $('#articleDate').val(res.data.date)
            $('#articleContent').val(res.data.content)

        })
    }

    // 初始化日期
    const renderDate = () => {
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            //执行一个laydate实例
            laydate.render({
                elem: '#articleDate' //指定元素
            });
        });
    }
    renderDate()

    // 初始化富文本编辑器   http://tinymce.ax-z.cn/quick-start.php
    const renderRichtext = () => {
        tinymce.init({
            selector: '#articleContent',
            directionality: 'ltr',
            language: 'zh_CN'
        });
    }
    renderRichtext()




    // 提交修改
    $('form').on('submit', function (e) {
        e.preventDefault()
        const fd = new FormData($('form').get(0))
        fd.append('state', state)
        fd.append('id', id)

        fd.forEach(function (value, key) {
            console.log({ value, key });
        })
        myajax('POST', '/admin/article/edit', fd, (res) => {
            // 失败情况
            console.log(res);
            if (res.code !== 200) return layer.msg(res.msg)
            // 成功情况
            layer.msg(res.msg, { icon: 6, time: 1000 }, () => {
                location.href = 'article_list.html'
            });
        })
    })

    let state = ''
    $('.btn-edit').on('click', function () {
        state = '已发布'
    })

    // 图片预览
    $('#inputCover').on('change', function () {
        console.dir(this);
        // 基于文件对象创建一个url地址
        const url = URL.createObjectURL(this.files[0])
        // 图片预览 的临时url地址
        $('.article_cover').prop('src', url)
    })
})